#add-account{ background-color: #f0f0f0; }
#add-account .head{ position:relative;margin-bottom: 0.45rem; }
#add-account .head.green{ background-color:#5ac491; }
#add-account .head.red{ background-color:#db4b40; }
#add-account .head .no,#add-account .head .yes{ position:absolute; color:#fff; font-size:1rem; font-weight:bold; }
#add-account .head .no{ top:0.7rem; left:0.5rem; }
#add-account .head .yes{ top:0.7rem; right:0.5rem; }
#add-account .head .head-content{ padding:3.2rem 0.5rem 0.7rem; color:#fff; font-size:1.4rem; }
#add-account .head .head-content i{ font-size:1rem; }
#add-account .head .head-content .fr{ font-weight:lighter; }
#add-account .head .head-content .fr input{ border:none; outline:none; margin-right:0.4rem; color:#fff; width:8rem; font-size:1.4rem; text-align:right; }
#add-account .head .head-content ::-webkit-input-placeholder{ color:#fff !important; }
#add-account .head.green input{ background-color:#5ac491; }
#add-account .head.red input{ background-color:#db4b40; }

#add-account .main{ background-color:#fff; color:#999; }
#add-account .main li{ overflow:hidden; margin:0 0.5rem; height:2.6rem; line-height:2.6rem; border-bottom:1px solid #f4f4f4; font-size:0.8rem; }
#add-account .main li:last-child{ border:none; }
#add-account .main li input{ border:none; outline:none; }
#add-account .main li .left{ float:left; width:60%; }
#add-account .main li .left input{ width:80%; }
#add-account .main li .right{ float:left; width:40%; text-align:left; }
#add-account .main li .right input{ width:75%; }
#add-account .main li i{ margin-right:0.5rem; font-size:1rem; }
#add-account .main table{ text-align:center; margin-bottom:0.65rem; border-top:1px solid #f4f4f4; width:100%; }
#add-account .main table td{ border:1px solid #f4f4f4; }
#add-account .main table .icon td{ width:20%; height:40px; padding:0.55rem 0; }
#add-account .main table .icon .icon-box{ width:40px; height:40px; display:block; margin:0 auto; background-size:850% !important; }
#add-account .main table .icon .icon-box.rectangle{ width:52px; background-size:685% !important; }
#add-account .main table .icon .icon-box.zfb{ background:url("../images/icon-list.png") no-repeat -71px 1px; }
#add-account .main table .icon .icon-box.wx{ background:url("../images/icon-list.png") no-repeat 0 1px; }
#add-account .main table .icon .icon-box.xj{ background:url("../images/icon-list.png") no-repeat -142px 1px; }
#add-account .main table .icon .icon-box.yhk{ background:url("../images/icon-list.png") no-repeat -226px 1px; }
#add-account .main table .icon .icon-box.xyk{ background:url("../images/icon-list.png") no-repeat -305px 1px; }
#add-account .main table .icon .icon-box.active{ background-position-y:-67px; }
#add-account .main table .icon .rectangle.active{ background-position-y:-71px; }
#add-account .main table .num td{ height:1.85rem; font-size:0.6rem; }
#add-account .main table .num td.green{ color:#5ac491; }
#add-account .main table .num td span{ display:inline-block; font-size:0.7rem; max-width:2.48rem; overflow:hidden; }
#add-account .main table .num td i{ font-size:0.6rem; position:relative; top:-0.15rem; }

#add-account .foot{ background-color:#fff; }
#add-account .foot .line{ height:2.6rem; line-height:2.6rem; overflow:hidden; margin:0 0.5rem; font-size:0.8rem; color:#666; }
#add-account .foot .line.border{ border-bottom:1px solid #f4f4f4 }
#add-account .foot .line.border{ color:#999 }
#add-account .foot .line.border a{ color:#46acf6 }
#add-account .foot .left{ float:left }
#add-account .foot .left i{ margin-right:0.2rem; color:#bfbfbf; font-size:1.2rem; position:relative; top:0.16rem; }
#add-account .foot .right{ float:right }

#add-account .layer-top-box .layui-m-layercont{ padding:0; }
#add-account .layer-top-box .top-floor{ background-color:#fff; border-radius:0.5rem; padding:0.5rem; margin:0 5%; }
#add-account .layer-top-box .head span{ color:#999; font-size:1rem; border:1px solid #d0d0d0; display:inline-block; width:5rem; height:1.5rem; line-height:1.5rem; border-radius:0.2rem; }
#add-account .layer-top-box .head span:first-child{ border-radius:0.15rem 0 0 0.15rem; border-right:0; }
#add-account .layer-top-box .head span:last-child{ border-radius:0 0.15rem 0.15rem 0; }
#add-account .layer-top-box .head span:first-child.hover{ background-color:#5ac491; color:#fff; }
#add-account .layer-top-box .head span:last-child.hover{ background-color:#db4b40; color:#fff; }
#add-account .layer-top-box .content ul{ overflow:hidden; padding:0.5rem 0 0; }
#add-account .layer-top-box .content li{ float:left; width:25%; height:2.7rem; padding-top:0.8rem; }
#add-account .layer-top-box .content li.hover{ color:#fff; border-radius:0.25rem; }
#add-account .layer-top-box .content li.hover i{ color:#fff !important; }
#add-account .layer-top-box .content li i{ font-size:1.5rem; }
#add-account .layer-top-box .content li p{ font-size:1rem; }
#add-account .layer-top-box .content li i.icon-xianjin,#add-account .layer-top-box .content li i.icon-kafeiting{ color:#2ba388 }
#add-account .layer-top-box .content li i.icon-shouru,#add-account .layer-top-box .content li i.icon-tb17{ color:#d4433d }
#add-account .layer-top-box .content li i.icon-shenglvehao,#add-account .layer-top-box .content li i.icon-gongzuo{ color:#fda242 }
#add-account .layer-top-box .content li i.icon-yule{ color:#3f85fb; }
#add-account .layer-top-box .bottom-floor{ margin-top:1rem; background-color:#fff; color:#95a3ac; }
#add-account .layer-top-box .bottom-floor table{ width:100%; }
#add-account .layer-top-box .bottom-floor td{ width:33.33%; height:2rem; line-height:2rem; text-align:center; font-size:1rem; border:1px solid #d0d0d0; }
#add-account .layer-top-box .bottom-floor td i{ font-size:1rem; }

#add-account .layer-bottom-box div{ padding:0; color:#46acf6; font-size:0.8rem;  }
#add-account .layer-bottom-box .line{ height:2.3rem; line-height:2.3rem; }
#add-account .layer-bottom-box .container{ margin-bottom:0.3rem; background-color:#fff; border-radius:0.4rem; }
#add-account .layer-bottom-box .container .border{ border-bottom:1px solid #f4f4f4; }
#add-account .layer-bottom-box .cancel{ background-color:#fff; border-radius:0.4rem; }
